<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>凑单品--慢慢买比价网</title>
    <link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/gsproduct.css"/>
</head>
<body>
<header>
    <a class="back" href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a>
    <h1>凑单品</h1>
    <a href="#" class="header-app"><img src="../images/header_app.png"/></a>
</header>
<main ng-app="coudanApp" ng-cloak="">
    <div ng-controller="filterCtrl" class="options">

        <div class="search btn-group">
            <button type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
            <div class="dropdown-menu">
                <div class="search-bar">
                    <div class="btn-search"><a href="#">搜索</a></div>
                    <div class="search-content"><i class="search-icon"></i><input type="text" placeholder="搜索你想要的凑单品"/></div>
                </div>
                <div class="sort">
                    <div class="text">排序</div>
                    <ul>
                        <li class="col-xs-3"><a href="#">销量</a></li>
                        <li class="col-xs-3"><a href="#">价格</a></li>
                        <li class="col-xs-3"><a href="#">价格</a></li>
                    </ul>
                </div>
                <li role="separator" class="divider"></li>
                <div class="type">
                    <div class="text">分类</div>
                    <ul>
                        <li class="col-xs-3"><a href="#">全部</a></li>
                        <li class="col-xs-3"><a href="#">家居</a></li>
                        <li class="col-xs-3"><a href="#">数码</a></li>
                        <li class="col-xs-3"><a href="#">办公</a></li>
                        <li class="col-xs-3"><a href="#">个护</a></li>
                        <li class="col-xs-3"><a href="#">食品</a></li>
                        <li class="col-xs-3"><a href="#">母婴</a></li>
                        <li class="col-xs-3"><a href="#">服饰</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="filter">
            <div class="shops btn-group col-xs-4">
                <button type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{sname}}<i  class="glyphicon glyphicon-triangle-bottom"></i></button>
                <div class="dropdown-menu">
                    <ul>
                        <li show-select="" ng-click="shopChange(shop)" ng-repeat="shop in shopsData"><a>{{shop.shopName}}<i ng-show="shop.shopId==sid" class="glyphicon glyphicon-ok"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="area btn-group col-xs-4">
                <button type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{aname}}<i
                        class="glyphicon glyphicon-triangle-bottom"></i></button>
                <div class="dropdown-menu">
                    <ul>
                        <li ng-click="areaChange(area)" ng-repeat="area in areaData"><a href="">{{area.areaName}}<i ng-show="area.areaId==aid" class="glyphicon glyphicon-ok"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="price btn-group col-xs-4">
                <button type="button" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1元<i  class="glyphicon glyphicon-triangle-bottom"></i></button>
                <div class="dropdown-menu">
                    <ul>
                        <li><a href="">1-5元</a></li>
                        <li><a href="">5-10元</a></li>
                        <li><a href="">全部价格</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div ng-view="" class="list">

    </div>
</main>
<footer>
    <div class="foot_top">
        <a href="">登录</a>
        <a href="">注册</a>
        <a href="###" id='top'>
            <img src="../images/top.jpg" alt="">返回顶部</a>
    </div>
    <div class="foot_bottom">
        <p>
            <a href="">手机APP下载</a>
            <a href="">慢慢买手机版</a>
            -- 掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
    </div>
</footer>
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="../node_modules/_angular@1.5.8@angular/angular.js"></script>
<script src="../node_modules/_angular-route@1.5.8@angular-route/angular-route.js"></script>
<script src="../js/gsproduct.js"></script>
</body>
</html>